/*
* @Author: Administrator
* @Date:   2018-01-15 17:26:50
* @Last Modified by:   Administrator
* @Last Modified time: 2018-01-15 17:46:35
*/
header {
    width: 100%;
    height: 0.88rem;
    line-height: 0.88rem;
    text-align: center;
    font-size: 0.36rem;
    color: #fff;
    background: url(../img/header_bar.png) center center;
    background-size: 100%;
    position: fixed;
    top: 0;
    z-index: 9;
}
header .back{
    width: 0.4rem;
    height: 0.4rem;
    display: inline-block;
    background: url(../img/back.png) center center;
    background-size: 100%;
    margin: 0.25rem -0.2rem 0 0.2rem;
}
.data_card,.data_card1{
   width: 6.9rem;
  height: auto;
  background: #fff;
  margin: 1.2rem auto 0 auto;
  padding: 0.2rem 0.3rem;
  box-sizing:border-box;
}
.id_card{
  display: flex;
  width: 6.3rem;
  height: 0.6rem;
  background: #f5f5f5;
  border-radius: 3px;
  line-height: 0.58rem;
  padding: 0 0.2rem;
  box-sizing:border-box;
}
.data_card1{
  margin-top: 0.24rem;
}
.title{
  flex:1;
  font-size: 0.3rem;
  color: #333;
}
.card_info{
  text-align: right;
  flex:3;
}
.card_pic{
  height: auto;
}
.card_pic .pic{
  width: 2rem;
  height: 2rem;
  background: #f5f5f5;
  border-radius: 3px;
  margin: 0.2rem 0.04rem;
}
.card_info span{
  font-size: 0.24rem;
  color: #999;
  margin: 0 0.1rem;
}
span.require{
  font-size: 0.24rem;
  color: #3db7f6;
}
.example_pic{
  display: inline-block;
  width: 0.98rem;
  height: 0.34rem;
  border: 1px solid #3db7f6;
  text-align: center;
  font-size: 0.2rem;
  line-height: 0.36rem;
  color: #3db7f6;
  border-radius: 2px;
}